.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

/*************** TABS ***************/
#tabs-container
{
	background: #EEE;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #CCC), color-stop(0.8, #EEE));
	background: -moz-linear-gradient(center bottom, #CCC 0%, #EEE 80%) repeat scroll 0 0;
	border: 1px solid #BBB;
	border-left: none;
	border-right: none;
	display: block;
	padding: 10px;
	z-index: 5;
	height:20px;
	cursor: pointer;
}
	
#tabs-container .btn-tab 
{
	background: #CCC;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #D4D4D4), color-stop(0.8, #F0F0F0));
	background: -moz-linear-gradient(center bottom, #D4D4D4 0%, #F0F0F0 80%) repeat scroll 0 0;
	border: 1px solid #BBB;
	color: #555;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	margin: 0 2px 0 0;
	padding: 8px 18px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 0px white;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	-khtml-border-radius: 6px 6px 0 0;
	text-decoration:none;
	border-radius: 6px 6px 0 0;
	text-decoration:none;
}
#tabs-container .btn-tab.btn-pressed 
{
	background: white !important;
	border-bottom: 1px solid white;
	color: #444;
}
#tabs-container .btn-tab.btn-hidden
{
	display:none;
}

#tabs-container .file-options{
	display:none;
}

#tabs-container .file-options, 
#tabs-container .run-options
{
	float:right;
	margin-top:3px;
}



/*************** Coverage Wrappers ***************/
.coverage-wrapper
{
	margin:20px 40px;
	position:relative;
}


.coverage-wrapper a {
	color: #38678B;
}
.coverage-wrapper .table-wrapper {
	padding:0 20px 20px 20px;
}

/*************** Overall Stats ***************/
.overall-stats{
	clear:both;
	height:200px;
	padding-top:20px;
	margin-left: 20%;
}

.overall-stats h1{
	border-bottom:solid 1px #999;
	margin:5px 0;
	color:#555;
	font-size:18px;
	padding:3px;
}
.overall-stats .time {
	color:#999;
}

.overall-stats .total-stat
{
	float:left;
	position:relative;
	margin:0;
	margin-right: 20px;
	text-align: center;
	
}

.overall-stats .total-stat h2
{
	font-size:18px;
	color:#555;
	margin:50px 0 0 0;
	text-align: center;

}

.overall-stats .total-stat .covered
{
	color:orange;
	font-size:38px;

}

.overall-stats .stat-wrap {
	float:left;
	position:relative;
	width:150px;
	margin:0 0px;
	text-align: center;
}

.overall-stats .stat {
	font-weight:bold;
	color:#555;
	position:absolute;
	top:65px;
	left:50px;
	font-size:18px;
}

.overall-stats h2{
	color:#555;
	font-size:12px;
	padding:0;
	margin:5px;
}


/*************** Coverage Report Table ***************/
#report-wrapper{
	padding: 0 50px 20px;
}
.results-wrapper{
	float:left;
	margin-top:-2px;
}
#report, #results
{
	padding:0;
}
#report {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
}
#report td, 
#report th, 
#results td, 
#results th
{
	text-align:left;
}
#report .header th, 
#results .header th
{
	background: white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #F4F4F4), color-stop(0.6, white));
	background: -moz-linear-gradient(center bottom, #F4F4F4 0%, white 60%) repeat scroll 0 0;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	color: #555;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 6px 10px;
	text-shadow: 0px 1px 0px white;
	text-align: left;
	font-size:12px;
}
#results th.testcol,
#report th.blockcol
{
	border-right:solid 1px #CCC;
}
#report td, #results td
{
	padding:5px;
	font-size:12px;
}
#results th.chkcol,
#results td.chkcol
{
	width:30px;
	text-align:center;
}
#report td img, #results td img
{
	margin-right:3px;
	vertical-align:top;
}
#report tr:nth-child(odd)>td, 
#results tr.test:nth-child(odd)>td
{
	background: #fafafa;
}
#report tr:hover>td,
#results tr.test:hover>td,
#results tr.test.test-pass:nth-child(odd):hover>td,
#results tr.test.test-fail:nth-child(odd):hover>td,
#results tr.test.test-running:nth-child(odd):hover>td
{
	background: #eee;
	color:#000;
}
#report a {
	color: #135E91;
	text-decoration: none;
}
#report a:hover {
	text-decoration: underline;
}


/*************** File Lines Ran Table ***************/
#files-wrapper
{
	border:solid 1px #bbb;
	border-top:none;
	overflow:auto;
}
#files-wrapper .overall-stats {
	margin-left: 44px;
}
#files-wrapper .file-details
{
	height:30px;
	line-height:30px;
	border-bottom:solid 1px #bbb;
}
#files-wrapper .file-details .title,
#files-wrapper .file-details .coverage,
#files-wrapper .file-details .blocks
{
	margin:0 15px;
	font-size:12px;
}

#files-wrapper #file
{
	border-collaspe:collaspe;
	width:100%;
}
#files-wrapper #file .line
{
	background:#f0f0f0;
	border-right:solid 1px #bbb;
	padding:2px;
	text-align:right;
	font-size: 12px;
	width: 40px;
}
#files-wrapper #file .hit, #files-wrapper #file .blank, #files-wrapper #file .miss {
	font-family: Monaco, Consolas, Courier New, monospace;
	font-size: 12px;
	padding: 3px 0;
}
#files-wrapper #file .hit
{
	background:#dbffda;
}
#files-wrapper #file .blank
{
	background:#fafafa;
}
#files-wrapper #file .miss
{
	background:#feaaa7;
}

label.ignore {
	display: block;
	line-height: 25px;
	height: 25px;
}

.ignored-wrapper {
	float: left;
	width: 20%;
}
.ignored-wrapper input[type=text] {
	font-size: 16px;
	display: block;
	width: 90%;
	margin: 1px 0 2px;
	height: 26px;
	padding: 0 3px;
	line-height: 26px;
}
.covered-wrapper {
	width: 80%;
	float: left;
}

body{
	width:100%;
	color:#000;
	padding:0;
	margin:0;
	font:12px "Helvetica Neue",Arial,Verdana,"Nimbus Sans L",sans-serif;
}
pre {
	margin: 0;
}
.bar-graph {
	height: 8px;
	border: 1px solid #289ABD;
	width: 148px;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	background: #fff;
}
.bar-graph div {
	background: #289ABD;
	height: 8px;
}
.bar-graph {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	-ms-border-radius: 1px;
	-khtml-border-radius: 1px;
	border-radius: 1px;
}
#rerun {
	float: right;
	font-size: 12px;
	color: white;
	background: green;
	padding: 5px;
	margin-right: 10%;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#rerun:hover {
	background: #41BD28;
}